<template>
  <div class="bedAll flex">
    <div class="bed_num">{{ bedNum }} <span>个</span></div>
    <img src="@/assets/img/诊室总床位.png" />
    <p>床位总数</p>
  </div>
</template>

<script lang="ts" setup>
defineProps({
  bedNum: {
    type: Number,
    default: 0,
  },
});
</script>

<style lang="scss" scoped>
.bedAll {
  flex-direction: column;
  .bed_num {
    font-size: 6rem;
    font-family: "D-DIN";
    font-weight: bold;
    color: #ffcb6d;
    span {
      font-size: 3.6rem;
      color: #dfffff;
      font-weight: 400;
    }
  }

  img {
    width: 20rem;
    height: 20rem;
  }
  p {
    font-size: 3.6rem;
    color: #dfffff;
  }
}
</style>
